.bg-gray{
  background: #f7f8f8;
  padding: 0px;
}
.idolly-tab,
.idolly-tab-bg,
.idolly-nav-tabs,
.nav-tabs > li > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
  background: #fff;
}
.nav-tabs > li > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
  cursor: pointer;
}
.tab-content{
  padding-top: 0;
  background: #f7f8f8;
}
.product-item{
  background: #fff;
  border: 1px solid #d1d2d2;
  padding: 5px;
  margin-bottom: 10px;
  cursor: pointer;
}
.product-item a{
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.product-item a:hover{
  text-decoration: none;
}
.product-item-img{

  background: #f4f4f4;
  margin-bottom: 20px;
  position: relative;
}
.product-item-img img{
  width: 100%;
}
.product-item-title{
  width: 100%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;/*文字隐藏后添加省略号*/
  white-space: nowrap;/*强制不换行*/
  font-size: 17px;
  color: #033333;
}
.product-item-desc{
  color: #999;
  line-height: 150%;
}
.product-server-item-img{
  margin-bottom: 5px;
}
.products-shape{
  width: 100%;
  line-height: 200%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 16px;
  text-indent: 0.5em;
  position: absolute;
  bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;/*文字隐藏后添加省略号*/
  white-space: nowrap;/*强制不换行*/
}
.product-server-item-title{
  line-height: 150%;
  font-size: 14px;
  margin: 0;
}
.product-server-item-title .item-desc{
  width: 60%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;/*文字隐藏后添加省略号*/
  white-space: nowrap;/*强制不换行*/
}
.product-server-item-title .date{
  color: #999;
  float: right;
}
.btn{
  padding-left: 20px;
  padding-right: 20px;
}
.fliter-active{
  color: #5aa6de;
}
.fliter{
  margin: 0;
  padding: 0;
}
.fliter li{
  cursor: pointer;
  line-height: 250%;
}
.fliter li:hover{
  color: #5aa6de;
}
.margin-top50{
  margin-top: 50px;
}
.product-search{
  overflow: hidden;
  border: 1px solid #d7d8d8;
  background: #fff;
  padding: 15px;
}
.fliter-input{
  width: 48%;
}
.product-search-bg{
  padding: 20px;
}
.mypagination{
  text-align: center;
}
.pagination > li{
  display: inline-block;
  margin-left: 6px;
  margin-right: 6px;
}
.zhichi{
  width: 100%;
  margin-bottom: -30px;
  text-align: center;
  color: #666;
}
.zhichi-img{
  background: #cdd6df;
}
.zhichi-img img{
  width: 100%;
}
/*企业简介*/
.introduce{
  background: #fff;
  border: 1px solid #eaebeb;
  padding: 1% 6%;
  margin-top: 1%;
  position: relative;
}
.blue-notice{
  position: absolute;
  left: 0;
  top: 3em;
  background: #0a99df;
  width: 4em;
  height: 3.4em;

}
.blue-notice .blue-cutline{
  width: 0.4em;
  height: 100%;
  background: #fff;
  border: 1px solid #c5e7f7;
  border-top: none;
  position: relative;
  left: 76%;
}
.introduce-title{
  padding-left: 3%;
}
.introduce-title h1{
  font-size: 2.4em;
  font-weight: bolder;
}
.introduce-title h3{
  font-size: 1.4em;
  font-weight: bold;
  margin-top: -5px;
  margin-bottom: 5%;
}
.introdec-con{
  font-size: 14px;
}
.notice{
  text-indent: 2em;
  color: #333;
  line-height: 150%;
}
p.con{
  color: #9fa0a0;
  margin-top: 5%;
}


/*文章*/

.article-area{
  display: none;
  padding-bottom: 1%;
}
.article{
  border: 1px solid #eaebeb;
  padding: 1% 4%;
  margin-top: 1%;
  color: #9fa0a0;
  font-size: 12px;
  position: relative;
  background: #fff;
}
.article-title{
  color: #000;
  font-size: 14px;
  font-weight: bold;
}
.article-desc span{
  display: inline-block;
  margin: 0 3px;
}
.mylabel{
  font-size: 14px;
  margin: 0 10px;
}
.mylabel-yuanc{
  color: #23c25f;
}
.article-more{
  margin-top: 1%;
}
.article-more a{
  display: block;
  text-decoration: none;
}
.article-desc{
  margin-bottom: 3%;
}

/*文章分享*/
.myshare{
  position: absolute;
  right: 20%;
  top: 4%;
}
.myshare a{
  display: block;
  width: 2em;
  height: 2em;
  background: url("../images/icon/share.png");
  background-size: 100%;
}
.mydate{
  color:  #23c25f;
  position: absolute;
  right: 12%;
  top: 0%;
  text-align: center;
}
.mydate span{
  display: block;
}
.mydate .day{
  font-size: 30px;
}
.mydate .year{
  font-size: 14px;
}
.article-desc .myshare2 {
  display: none;
  overflow: hidden;
}
.myshare2 a{
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url("../images/icon/share.png");
  background-size: 100%;
  position: relative;
  top: 4px;
}
@media (max-width: 992px) {
.blue-notice{
  top: 2em;
  width: 3.8em;
  height: 2.8em;

}
.myshare {
    position: absolute;
    right: 26%;
    top: 1%;
}

}

@media (max-width: 768px) {

  .zhichi .zhichi-phone{
    width: 30%;
    font-size: 20px;
  }
  .zhichi h2{
    margin-top: 50px;
  }
  .bg-gray{
    padding-top: 0px;
  }
    .my-nav .nav>li>a {
        padding-left: 20px;
        padding-right: 20px;
    }
    .fliter-input{
      width: 100%;
    }
  .container{
    padding-left: 5px;
    padding-right: 5px;
  }
  .row{
    margin-left: 0;
    margin-right: 0;
  }
  .col-xs-6{
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 700px) {
  .mydate .day{
    font-size: 20px;
  }
  .mydate .year{
    font-size: 12px;
  }
  .introduce-title h1{
    font-size: 1.8em;
    font-weight: bolder;
  }
  .introduce-title h3{
    font-size: 1em;
  }
  .blue-notice{
    top: 1.8em;
    width: 3em;
    height: 2em;
  }
}
@media (max-width: 480px) {
  .myshare{
  display: none;
  }
  .article-desc .myshare2 {
    position: relative;
    top: 4px;
    display: inline-block;
  }
  .mydate{
    display: none;
  }
  .mydate .day{
    font-size: 18px;
  }
  .mydate .year{
    font-size: 10px;
  }
  .introduce-title h1{
    font-size: 1.4em;
    font-weight: bolder;
  }
  .introduce-title h3{
    font-size: 0.7em;
    font-weight: bold;
    margin-top: -5px;
    margin-bottom: 2.5em;
  }
  .blue-notice{
    display: none;
  }
  .col-xs-3{
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
  }
  .fliter-input{
    width: 100%;
  }
  .product-item-title{
    font-size: 14px;
  }
  .product-item-desc{
    font-size: 12px;
  }
  .product-item-img{
    margin-bottom: 6px;
  }
  .pagination > li{
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
  }
  .pagination > li > a, .pagination > li > span{
    padding: 3px 6px;
  }
}
